@import
	url('https://fonts.googleapis.com/css2?family=Play&family=Tourney:wght@100&family=Noto+Serif+Khitan+Small+Script&family=Tangerine:wght@700&display=swap')
	;
/*
font-family: 'Noto Serif Khitan Small Script', serif;
font-family: 'Tangerine', cursive;
font-family: 'Play', sans-serif;
font-family: 'Tourney', cursive;
*/
* {
	font-family: 'Noto Serif Khitan Small Script', serif;
	scroll-behavior: smooth;
}

body{
	width: 100vw;
	overflow-x: hidden !important;
}


h1 {
	color: #ffd3c3;
	font-family: 'Play', sans-serif;
	font-size:46px !important;
}

span {
	color: #f904ec;
}


button {
	background: none;
	outline: none;
	border: none;
}

/* ========================================================= Home ============================================== */
#Home {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    background: url('../image/new/homebg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
	z-index: 1;
    overflow-x: hidden; /* Make sure this line is present */
}


.home-model{
	position:relative;
	left:-20vw;
}
@media (min-width: 992px) {
    .home-model {
        position: relative;
        left: -10vw;
    }
}
.HContainer {
	padding: 2rem;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid white;
	border-radius: 25px;
	color: white;
}



/* =========================================================== Page Banner Container ====================================================== */
.PageBanner {
	height: 100px;
	justify-content: center;
	background: url('../image/page-heading-banner.png');
	box-shadow: 0px 10px 10px black, 0px -10px 10px black;
}


/* =========================================================== All Pages Container ====================================================== */
.PagesBox {
	position: relative;
	background: rgba(0, 0, 0, 1);
	z-index: 100;
	overflow: hidden;
}



/* =================================================== Page 2 ========================================================== */
.AdvBanner {
	width: 100vw;
	margin-top: 0px;
	background: url("../image/new/advbg.jpg");
	background-size: cover;
	box-shadow: 0px 10px 10px black, 0px -10px 10px black;
	border-radius: 30px;
}

.adv{
	position:relative; 
	left:-15vw;
}


@media (min-width: 992px) {
    .adv{
        position: relative;
        left: -8vw;
    }
}

.Resourcescount {
	width: 80%;
	height: 200px;
	margin-top: -1%;
	border-radius: 105px;
	background: white;
	box-shadow: 5px 5px 10px blueviolet, -5px -5px 10px #ff00bbc4;
	z-index: 999;
}

.Resourcescount:hover {
	box-shadow: 5px 5px 10px black, -5px -5px 10px black;
}


.Page2part2 {
	height: 500px;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background: black;
	padding: 3%;
	border: 51px solid purple;
	border-radius: 150px;
}


/* =========================================================== Page 3 ====================================================== */
#Services {
	position: relative;
	margin-top: 70px;
}

#Services .ServiceBox .card {
	background: black;
	color: white;
	border: 1px solid blueviolet;
	border-radius: 25px;
	overflow: hidden;
}

#Services .card-img-top {
	border-radius: 15px;
}

#Services .ServiceBox .card:hover {
	background: white;
	color: black;
	border: 1px solid white;
}



/*============================== features ====================== */
.features {
	height: 100vh;
}

.featuresbox {
	height: 95vh;
	background: url("../image/featurePageBg.jpg");
	background-size: cover;
	background-position: center;
}

.featuresboxContent{
	height: 85vh;
}


.featuresboxContent .card {
	border: 1px solid white;
	background: transparent;
}

.featuresboxContent .card:hover {
	background: white !important;
	color: black !important;
}

/*============================== page10 ====================== */
.about {
	background-image: linear-gradient(315deg, #000000 0%, #5e5368 74%);
}

.about .card {
	background: transparent !important;
	color: white !important;
	border: 1px solid white !important;
}

.about .card:hover {
	background: white !important;
	color: black !important;
	border: 1px solid black !important;
}